<template>
  <div>
    <ul>
      <li v-for="bean in mbeans" :key="bean">{{ bean }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'ListChildMBean',
  props: {
    nameInfo: {
      type: Object
    }
  },
  data() {
    return {
      mbeans: []
    }
  },
  methods: {
    init() {
      this.mbeans = []
      if (this.nameInfo && this.nameInfo.children) {
        for (let i = 0; i < this.nameInfo.children.length; i++) {
          this.mbeans.push(this.nameInfo.children[i].ref)
        }
      }
    }
  }
}
</script>

<style scoped>
  ul{
    list-style-type: none;
  }
  ul>li{
    line-height: 3;
    font-size: 18px;
  }

</style>
